<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        .light {
            color: black;
            background-color: white;
        }
        .dark {
            color: white;
            background-color: black;
        }
    </style>
</head>
<body>
    <div class="dark">
        一段话。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit aliquam at id optio ab nihil tenetur doloribus quasi, consequatur nisi, in quod assumenda ex perspiciatis possimus dicta nobis. Ipsa, tenetur. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, aspernatur. Inventore odit ipsum, ipsa vel nulla incidunt eos odio deleniti, laboriosam distinctio alias, repudiandae sequi possimus dolorem excepturi a rem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id enim error quibusdam qui eaque nobis, voluptatem aspernatur veritatis sint sunt libero odio iusto labore totam natus praesentium hic alias harum. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum ipsa perferendis, blanditiis quam possimus accusamus delectus, ex officiis saepe temporibus recusandae doloribus modi, asperiores vero id. Illum fugiat placeat odio?
        一段话。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit aliquam at id optio ab nihil tenetur doloribus quasi, consequatur nisi, in quod assumenda ex perspiciatis possimus dicta nobis. Ipsa, tenetur. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, aspernatur. Inventore odit ipsum, ipsa vel nulla incidunt eos odio deleniti, laboriosam distinctio alias, repudiandae sequi possimus dolorem excepturi a rem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id enim error quibusdam qui eaque nobis, voluptatem aspernatur veritatis sint sunt libero odio iusto labore totam natus praesentium hic alias harum. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum ipsa perferendis, blanditiis quam possimus accusamus delectus, ex officiis saepe temporibus recusandae doloribus modi, asperiores vero id. Illum fugiat placeat odio?
        一段话。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit aliquam at id optio ab nihil tenetur doloribus quasi, consequatur nisi, in quod assumenda ex perspiciatis possimus dicta nobis. Ipsa, tenetur. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, aspernatur. Inventore odit ipsum, ipsa vel nulla incidunt eos odio deleniti, laboriosam distinctio alias, repudiandae sequi possimus dolorem excepturi a rem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id enim error quibusdam qui eaque nobis, voluptatem aspernatur veritatis sint sunt libero odio iusto labore totam natus praesentium hic alias harum. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum ipsa perferendis, blanditiis quam possimus accusamus delectus, ex officiis saepe temporibus recusandae doloribus modi, asperiores vero id. Illum fugiat placeat odio?
        一段话。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit aliquam at id optio ab nihil tenetur doloribus quasi, consequatur nisi, in quod assumenda ex perspiciatis possimus dicta nobis. Ipsa, tenetur. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, aspernatur. Inventore odit ipsum, ipsa vel nulla incidunt eos odio deleniti, laboriosam distinctio alias, repudiandae sequi possimus dolorem excepturi a rem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id enim error quibusdam qui eaque nobis, voluptatem aspernatur veritatis sint sunt libero odio iusto labore totam natus praesentium hic alias harum. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum ipsa perferendis, blanditiis quam possimus accusamus delectus, ex officiis saepe temporibus recusandae doloribus modi, asperiores vero id. Illum fugiat placeat odio?
        一段话。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit aliquam at id optio ab nihil tenetur doloribus quasi, consequatur nisi, in quod assumenda ex perspiciatis possimus dicta nobis. Ipsa, tenetur. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, aspernatur. Inventore odit ipsum, ipsa vel nulla incidunt eos odio deleniti, laboriosam distinctio alias, repudiandae sequi possimus dolorem excepturi a rem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id enim error quibusdam qui eaque nobis, voluptatem aspernatur veritatis sint sunt libero odio iusto labore totam natus praesentium hic alias harum. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum ipsa perferendis, blanditiis quam possimus accusamus delectus, ex officiis saepe temporibus recusandae doloribus modi, asperiores vero id. Illum fugiat placeat odio?
    </div>

    <script>
        let div = document.querySelector('div');
        div.onclick = function() {
            if(div.className == 'dark') {
                div.className = 'light';
            }else if (div.className == 'light') {
                div.className = 'dark';
            }
        }
    </script>
</body>
</html>